<!DOCTYPE html><!--[if lt IE 7]>
<html class="ie ie6"><![endif]-->
<!--[if IE 7 ]>
<html class="ie ie7"><![endif]-->
<!--[if IE 8 ]>
<html class="ie ie8"><![endif]-->
<!--[if IE 9 ]>
<html class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html><!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>众划算APP下载页</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">   
    <link rel="shortcut icon" type="image/ico" href="favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="../css/common/common.css">
    <link rel="stylesheet" type="text/css" href="../css/jquery.fullPage.css">
    <link rel="stylesheet" type="text/css" href="../css/index.css">
    <script type="text/javascript" src="../js/libs/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="../js/libs/jquery.fullPage.js"></script>
</head>
<body>
<!--[if lt IE 10]><div class="kie-bar">
    本页面为CSS3页面，IE9及以下不能正常预览。请
    <a href="http://windows.microsoft.com/zh-cn/internet-explorer/download-ie" target="_blank">升级IE</a>
    或下载使用
    <a href="https://www.google.com/intl/zh-CN/chrome/browser/" target="_blank" title="谷歌浏览器">谷歌浏览器</a>！
</div>
<style>
    .section, .header, .aside, .footer ,.m-download{ display: none; }
    .kie-bar {
        height: 24px; line-height: 24px; font-weight: normal; text-align: center; border-bottom: 1px solid #fce4b5;
        background-color: #FFFF9B; color: #e27839; position: relative; font-size: 14px; text-shadow: 0 0 1px #efefef; padding: 5px 0;
    }
    .kie-bar a { color: #08c; text-decoration: none; margin: 0 7px; }
</style><![endif]-->
    <div class="header">
        <div class="head-link">
            <a href="javascript:;" class="link-cur" title="">众划算APP教程</a>
            <a href="javascript:;" title="">众划算首页</a>
        </div>
        <div class="logo">
            <h1 class="sprite">众划算客户端</h1>
            <span>客户端</span>
        </div>
    </div>
    <div id="J_fullpage">
        <div class="section">
            <div class="first-pic-two">
                <img src="../img/full1_1.png">
            </div>
            <div class="first-pic-one">
                <img src="../img/full1.png" alt="">
            </div>
            <div class="m-tit m-tit-cur">
                <h2 class="sprite tit1">下载APP即送2元现金券</h2>
                <span>先到先得，送完即止</span>
            </div>
        </div>
        <div class="section" id="J_second">
            <div class="second">
                <img class="succes" src="../img/second_s.png" alt="" />
            </div>
            <div class="m-tit m-tit-top">
                <h2 class="sprite tit2">手机购物，随时随地</h2>
                <span class="fs-16 w320">无论是在被窝里、公交上、等人中、还是在厕 所！让抢购随时随地！</span>
            </div>
        </div>
        <div class="section" id="J_thirdly">
            <div class="thirdly"></div>
            <div class="s-cloud">
            </div>     
            <div class="t-p"></div>
            <div class="m-tit m-tit-top">
                <h2 class="sprite tit3">抢购提醒，分秒必争</h2>
                <span class="fs-16 w320">提前设置抢购提醒，到点秒抢，不用再担心好货 抢不到啦！</span>
            </div>
        </div>
        <div class="section" id="J_four">
            <div class="phone"></div>
            <div class="hand"></div>
            <div class="type"></div>
            <div class="slass"></div>            
            <div class="star-box">
                <div class="star1"></div>
                <div class="star2"></div>
                <div class="star3"></div>
            </div>
            <div class="m-tit m-tit-top">
                <h2 class="sprite tit4">订单状态，及时提醒</h2>
                <span class="fs-16 w320">不用再时时查看订单状态，订单号有误随时提醒，第一时间避免损失！</span>
            </div>
        </div>
        <div class="section" id="J_five">
            <div class="goods"></div>
            <div class="goods-type"></div>
            <div class="price"></div>
            <div class="m-tit">
                <h2 class="sprite tit5">手机专场，专享特惠</h2>
                <span class="fs-16 w320">手机才能享受的超低折扣，让你省上加省！</span>
            </div>
        </div>
    </div>
    <div class="m-download">
        <div class="qrcode">
            <p class="qrcode-tit">手机扫描下载APP</p>
            <p class="qrcode-pic"><span class="sprite"></span></p>
        </div>
        <a href="#" class="dow-btn" title=""><span>&#xe600;</span>Android 版下载</a>
        <a href="#" class="dow-btn iphone" title=""><span>&#xe601;</span>iphone 版下载</a>
    </div> 
    <script>
        !function(){
            $('#J_fullpage').fullpage({
                'verticalCentered': false,
                'css3': true,
                'sectionsColor': ['#00c6c0', '#ed6359', '#2fa7d9', '#1ba160','#904163'],
                'navigationPosition': 'right',
                'navigation': true,
                'afterLoad':function(anchorLink, index){
                    if (index == 2) {
                        $('#J_second').find('.succes').addClass('succes-cur');
                        $('#J_second').find('.m-tit').addClass('m-tit-cur');
                    }
                    else if (index == 3) {
                        $('#J_thirdly').find('.m-tit').addClass('m-tit-cur');
                        $('#J_thirdly').find('.t-p').addClass('t-p-cur');
                        $('#J_thirdly').find('.thirdly').addClass('thirdly-cur');
                        $('#J_thirdly').find('.s-cloud').addClass('s-cloud-cur');
                    }else if(index == 4){
                        $('#J_four').find('.m-tit').addClass('m-tit-cur');
                        $('#J_four').find('.phone').addClass('phone-cur');
                        $('#J_four').find('.hand').addClass('hand-cur');
                        $('#J_four').find('.slass').addClass('slass-cur');
                        $('#J_four').find('.type').addClass('type-cur');
                        $('#J_four').find('.star-box').addClass('star-box-cur');
                    }else if(index == 5){
                        $('#J_five').find('.m-tit').addClass('m-tit-cur');
                        $('#J_five').find('.goods').addClass('goods-cur');
                        $('#J_five').find('.goods-type').addClass('goods-type-cur');
                        $('#J_five').find('.price').addClass('price-cur');
                    }
                }
            });
        }();
    </script>       
</body>
</html>